/*  NAVIGATION CSS
*   Author:Sandra Elspass
*   Author URI: http://www.webpages.de
*   Version: 0.5
*   Projekt: Backenddummy
*/

@media screen{ 
#mainNav { background: #002126;clear: both;overflow: hidden;padding: 0 21px 0 0; }
#mainNav .hlist{  }
#mainNav .hlist ul{ margin: 0;overflow: hidden;float: left;}
#mainNav .hlist ul li {float: left; padding: 0 25px; margin: 0; line-height: 21px }
#mainNav .hlist ul li:hover{ background:#00d2f1;}
#mainNav .hlist ul li a{ text-transform: uppercase; color: #fff; font-size:14px; font-weight: bold; }
#mainNav .hlist ul li a:hover, .mainNav .hlist ul li a:active, .mainNav .hlist ul li a:focus{  }
#mainNav .hlist ul li span{color:#fff; font-weight:bold; }
#mainNav .hlist ul li.active {background:#00d2f1; }

/*Aktivezustand*/
#mainNav .hlist ul li.active { color:#fff;}
#mainNav .hlist ul li.active a{  }
#mainNav .hlist ul li.active a:hover, .mainNav .hlist ul li.active a:active, .mainNav .hlist ul li.active a:focus{  }

/*Subnavigation*/
#mainNav .hlist ul li ul.parent{ margin: 0px 0 0 -25px; padding: 10px; position: absolute; background: #00d2f1;}
#mainNav .hlist ul li ul.parent li{ float:none;margin: 0; padding: 5px;background:none;color: #000;}
#mainNav .hlist ul li ul.parent li:hover{color: #fff; }
#mainNav .hlist ul li ul.parent li a{ color: #000;}
#mainNav .hlist ul li ul.parent li a:hover, #mainNav .hlist ul li ul.parent li a:active, #mainNav .hlist ul li ul.parent li a:focus{color:#fff;  }

/*Ausblenden der Subnavi*/
#mainNav .hlist ul li.active {  }
#mainNav .hlist ul li ul.parent{ display:none; }

/*Einblenden der 2. Ebene*/
#mainNav .hlist ul li.active ul.parent{ /*display:block; */}

/*Ausblende der 3.Ebene*/
#mainNav .hlist ul li ul.parent li ul.child { display:none;}

/*Einblende der 3.Ebene*/
#mainNav .hlist ul li.active ul.parent li.active ul.child { /*display:block; */}


#mainNav .hlist ul li ul.parent li ul.child{ position:relative;}

/*Topnavigation*/
#topnav{  }
#topnav ul{overflow: hidden;height: 20px;}
#topnav ul li{ float:left; padding: 0 10px;}
#topnav ul li a{  }
#topnav ul li.active a{ }

/*Pagenavigation*/

ul.pagenav { margin:5px 0; overflow: hidden; clear: both; float: right;}
ul.pagenav li{ float:left;padding: 0 3px;line-height: 12px; }
ul.pagenav li.active{font-weight: bold; color: #00d2f1;text-decoration: underline}
ul.pagenav li a.first, ul.pagenav li a.back, ul.pagenav li a.next, ul.pagenav li a.last{ display:block; margin:2px 0 0 ; }
ul.pagenav li a.first{background:url(../../img/backend/pagenav/arrow_first.png) no-repeat 0 0; height:8px; width: 11px; }
ul.pagenav li a.first:hover{background:url(../../img/backend/pagenav/arrow_first_mo.png) no-repeat 0 0; }

ul.pagenav li a.back{ background:url(../../img/backend/pagenav/arrow_back.png) no-repeat 0 0; height:8px; width:6px; }
ul.pagenav li a.back:hover{ background:url(../../img/backend/pagenav/arrow_back_mo.png) no-repeat 0 0; }

ul.pagenav li a.next{ background:url(../../img/backend/pagenav/arrow_next.png) no-repeat 0 0; height:8px; width:6px; }
ul.pagenav li a.next:hover{ background:url(../../img/backend/pagenav/arrow_next_mo.png) no-repeat 0 0;}

ul.pagenav li a.last{ background:url(../../img/backend/pagenav/arrow_last.png) no-repeat 0 0;height:8px; width: 11px;}
ul.pagenav li a.last:hover{ background:url(../../img/backend/pagenav/arrow_last_mo.png) no-repeat 0 0;}

ul.pagenav li a{ }
ul.pagenav li a:hover{ text-decoration: underline;}
ul.pagenav li.active a{ text-decoration: underline; }


/*Footernavigation*/
#footer{  }
#footer ul{ overflow:hidden; } 
#footer ul li { float:left; padding: 0 10px;}
#footer ul li:first-child{ float:right;}
#footer ul li a{  }

/*Tabbed Box*/
.tabbed_box {  margin: 0px auto 0px auto;width:100%}
.tabbed_box .tabbed_area {border:1px solid #000;background-color:#3f7296;padding:8px;}  
.tabbed_box ul.tabs {margin:5px 0 6px 0; padding:0px; }  
.tabbed_box ul.tabs li {list-style:none;display:inline;}
.tabbed_box ul.tabs li a {background-color:#5387af;color:#fff;padding:8px 14px 8px 14px;text-decoration:none;font-size:9px;font-weight:bold;border:1px solid #464c54;}  
.tabbed_box ul.tabs li a:hover {background-color:#2f343a;border-color:#2f343a;}  
.tabbed_box ul.tabs li.active a {background-color:#ffffff;color:#282e32;border:1px solid #464c54;border-bottom: 1px solid #ffffff;}   
.tabbed_box .content {background-color:#ffffff;padding:10px;border:1px solid #464c54;}  
.tabbed_box #content_2, #content_3 { display:none; } 
.tabbed_box .content ul {margin:0px;padding:0px 20px 0px 20px;}  
.tabbed_box .content ul li {list-style:none;border-bottom:1px solid #d6dde0;padding-top:15px;padding-bottom:15px;font-size:13px;}  
.tabbed_box .content ul li a {text-decoration:none;color:#3e4346;}  
.tabbed_box .content ul li a small {color:#8b959c;font-size:9px;text-transform:uppercase;font-family:Verdana, Arial, Helvetica, sans-serif;position:relative;left:4px;top:0px;}  
}
